// const StyleSheet = require('./utils/StyleSheet');
import { StyleSheet } from 'react-native';
import { t } from 'react-native-tailwindcss';

import appColor from './constants/colors';
import { theme } from '../tailwind.config';
import screen from './utils/screen';

const styles = StyleSheet.create({
  flexCenterXY: {
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    flexDirection: 'row',
  },
  navi_title: {
    ...t.flex,
    ...t.flexRow,
    ...t.borderB,
    ...t.itemsCenter,
    ...t.borderSolid,
    ...t.bgWhite,
    ...t.borderBorderColor1,
    ...t.pX8,
    height: screen.EH * 98,
  },
  f28B: {
    fontSize: screen.EW * 28,
    fontWeight: 'bold',
  },

  // multipleView: {
  //   borderBottomWidth: 1,
  //   borderColor: appColor.gray7,
  //   borderStyle: 'solid',
  //   paddingHorizontal: screen.EW * 30,
  //   backgroundColor: appColor.white,
  // },
  wire: {
    width: screen.EW * 4,
    height: screen.EH * 24,
    borderRadius: 2,
    marginRight: screen.EW * 12,
    backgroundColor: appColor.theme,
  },

  // carRoomItems: {
  //   display: 'flex',
  //   flexWrap: 'wrap',
  //   flexDirection: 'row',
  //   marginBottom: screen.EH * 20,
  //   backgroundColor: appColor.white,
  // },
  // carRoomItem: {
  //   flexDirection: 'column',
  //   width: '25%',
  //   height: screen.EH * 116,
  //   marginBottom: screen.EH * 10,
  //   marginTop: screen.EH * 10,
  // },
  // multipleInput: {
  //   backgroundColor: '#f9f9f9',
  //   height: screen.EH * 120,
  //   width: '100%',
  //   borderRadius: 8,
  //   padding: screen.EH * 12,
  //   marginBottom: screen.EH * 16,
  // },
});
export default styles;
